<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>焦点学苑</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/style.css">
</head>

<body>
<div class="head-box">
    <div class="head wrap">
        <div class="logo fl"><a href=""><img src="/images/logo.png"></a></div>
        <div class="head-right fr">
          <span th:if="${session.user==null}">
                  <div class="head-a fr">
                   <div class="head-a1 fl"><a href=""><img src="/images/tb-a.png"></a></div>
                   <div class="head-a1 fl"><a href=""><img src="/images/tb-b.png"></a></div>
                   <div class="head-a3 login-click fl">登录</div>
                   <div class="head-a4 reg-click fl">注册</div>

              </div>
              </span>
            <span th:if="${session.user!=null}">
             <div class="head-a fr">
                   <div class="hgt fl"><img src="/images/hgt.png">
                         <div class="hgt-top">
                             <input type="text" class="hgt-text">
                         </div>
                   </div>
                   <div class="tbt fl"><img th:src="@{'/upload/'+${session.user.getHeadimg()}}" style="width: 50px">

                       <!--  <span>欢迎：${session.user.uname}登录</span>-->
                             <a th:href="@{/article/getBlogListByUser}">我的主页</a>
                             <a href="">消息</a>
                             <a href="">我的关注</a>
                             <a href="/account.html">帐号设置</a>
                             <a href="">退出</a>

                   </div>

              </div>
              </span>
            <div class="clearfix"></div>
            <div class="nav fr">
                <ul>
                    <li class="nav-cut"><a href="index1.html">首页</a></li>
                    <li><a href="article.html">文章</a>
                        <div class="sub-nav">
                            <div class="bich-top"></div>
                            <div class="bich">
                                <a href="">服饰</a>
                                <a href="">美食</a>
                                <a href="">出行</a>
                                <a href="">约会</a>
                            </div>

                        </div>
                    </li>
                    <li><a href="community.html">社区</a></li>
                    <li><a href="/course/getCourses">课程</a></li>
                    <<li><a href="/active/getActive">活动</a></li>
                    <li><a href="contact.html">联系我们</a></li>

                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>

<div class="content">
    <div class="wrap">
          <div class="tsm-height"></div>
          <div class="det">
                 <div class="det-fl fl">
                     <div th:if="${course.courseImage!=null}">
                         <img style="width:150px;height:150px" th:src="@{'/upload/'+${course.courseImage}}">
                     </div>
                     <div th:if="${course.courseImage==null}">
                         <img src="/images/noimg.gif">
                     </div>
                 </div>
                 <div class="det-fr fl" >
                       <div class="fk-a">[(${course.title})] </div>
                       <div class="fk-b">私人课程<span>情感诊断</span><span>网络课程</span></div>
                       <div class="fk-c">¥ [(${course.money})]</div>
                       <div class="fk-d">
                           <span>
                               报名人数：
                               <div th:if="${course.personNumber}==0"><img src="/upload/cou-d.jpg">暂无人报名</div>
                            <div th:if="${course.personNumber}>0"><img src="/upload/cou-d.jpg">[(${course.personNumber})]人在学</div>
                           </span>
                       </div>
                       <div class="fk-e"><img src="/images/cou-f.jpg">7天无理由退款</div>
                       <div class="det-r3">
                           <form action="/course/addPerson" method="post">
                               <input type="hidden" name="cid" th:value="${course.cid}"/>
                               <input type="hidden" name="uid" th:value="${session.user.uid}"/>
                               <div th:if="${coursePerson!=null}">
                                   <div style="color: red">已报名</div>
                               </div>
                               <div th:if="${coursePerson==null}">
                                   <input type="submit" value="我要报名"/>
                               </div>
                           </form>
                       </div>
                 </div>
          </div> 
          
          <div class="det-a">
                 <div class="det-title"><img src="/images/det-c.jpg">课程介绍</div>
                 <p>[(${course.content})]</p>
          </div>
    </div> 
</div>

<div class="footer">
   <div class="wrap">
      <div class="foot">
            <div class="foot-left fl">
                 <a href="">关于我们</a>
                 <a href="">加入我们</a>
                 <a href="contact.html">联系我们</a>
                 <a href="">媒体采访</a>
            </div>
            <div class="foot-c fl"><a href=""><img src="/images/foot-logo.jpg"></a></div>
            <div class="foot-right fr">
                 <a href="">同城活动</a>
                 <a href="">课程资讯</a>
                 <a href="">最新发布</a>
                 <a href="">热门文章</a>
            </div>
       </div> 
       <div class="foot-btm">网页制作by云邦</div>    
   </div>
</div>


<!--登录注册弹窗-->
<div class="mask"></div>
<div class="login">
    <div class="login-title">
        <div class="login-a">登录</div>
        <div class="login-b"></div>
        <div class="login-c close">x</div>
    </div>
    <div class="login-btm">
        <div class="login-d"><input type="text" class="login-text" placeholder="注册时填写的邮箱"></div>
        <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
        <div class="login-d"><input type="button" class="login-btn" placeholder="登录"></div>
        <div class="login-f">
             <a href="">忘记密码</a>
             <span>还没有焦点账号?><a href="javascript:;" class="reg-href">点击注册</a></span>
        </div>
    </div>
</div>

<div class="reg">
    <div class="login-title">
        <div class="login-a">注册</div>
        <div class="login-b"></div>
        <div class="login-c close">x</div>
    </div>
    <div class="login-btm">
        <div class="login-d"><input type="text" class="login-text" placeholder="邮箱/手机号"></div>
        <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
        <div class="login-d"><input type="button" class="login-btn" placeholder="注册"></div>
        <div class="login-f">
             <a href="">忘记密码</a>
        </div>
    </div>
</div>

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/Action.js"></script>
<script>
    $(".skt-title span").click(function(){
		 $(this).addClass("skt-cut").siblings().removeClass("skt-cut"),
		 $(".skt-tab .skt-btm").hide().eq($(".skt-title span").index(this)).show()
    })
</script>

<script>
  $(".fk-d span").click(function(){
	  $(this).addClass("fk-cut").siblings().removeClass("fk-cut")  
  })
</script>
</body>
</html>
